<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	
%>
<!doctype html>
<html>
    <%@include file='header.jsp'%>
    <body>
    	</BR>

		<div id="conditionPanel" class="easyui-panel" title="Input condition" fit = true,
				data-options="iconCls:'icon-save',closable:false,
					collapsible:true,minimizable:false,maximizable:false">
			<div>缆力</div>
			<div>
				缆力1<select id='pullselector1' style="width:200px;"></select>
			</div>
			<div>
				缆力2<select id='pullselector2' style="width:200px;"></select>
			</div>
			<div>
				缆力3<select id='pullselector3' style="width:200px;"></select>
			</div>
			<button id='submit'>Submit</button>
		</div>

		<table cellpadding="2" cellspacing="1" style="table-layout:fixed;
			border-collapse:separate; border-spacing:10px;">
		    <tr>
		        <td valign="top" colspan="3">
					<div id="pull1" class="easyui-panel" title="缆绳张力" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr><td><div id="jianmianChart" style="height: 200px; min-width: 1100px" fit=true/> </td></tr>
						</table>
					</div>
				</td>
			</tr>
			
			 <tr>
		        <td valign="top">
					<div id="pull2" class="easyui-panel" title="缆力1" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr><td><div id="pullChart1" style="height: 200px; min-width: 350px" fit=true/> </td></tr>
						</table>
					</div>
				</td>
				<td valign="top">
					<div id="pull3" class="easyui-panel" title="缆力2" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr><td><div id="pullChart2" style="height: 200px; min-width: 350px" fit=true/> </td></tr>
						</table>
					</div>
				</td>
				<td valign="top">
					<div id="p1" class="easyui-panel" title="缆力3" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr><td><div id="pullChart3" style="height: 200px; min-width: 350px" fit=true/> </td></tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
		<script src='<%=basePath%>js/pullOption.js'></script>
		<script src='<%=basePath%>js/force.js'></script>
    </body>
</html>